<script setup>
</script>

<template>
  <div class="first-right-body-total">
    <div class="total-body-icon-video">
      <div style="display: flex;height: 50%">
        <div class="video-div" style="flex: 1;position: relative;">
          <el-image width="100%"
                    src="https://p5.itc.cn/images01/20210113/79cfc1b417e64ade8d0f850779c9bab5.jpeg"></el-image>
          <div class="icon-video-camera-class">
            <div><i class="el-icon-video-camera"></i><span
                style="font-size:12px;margin-top:-15px">东区摄像头</span></div>

          </div>
        </div>
        <div class="video-div" style="flex: 1;position: relative;">
          <el-image width="100%"
                    src="https://p5.itc.cn/images01/20210113/79cfc1b417e64ade8d0f850779c9bab5.jpeg"></el-image>
          <div class="icon-video-camera-class">
            <div><i class="el-icon-video-camera"></i><span
                style="font-size:12px;margin-top:-15px">东区摄像头</span></div>

          </div>
        </div>
        <div class="video-div" style="flex: 1;position: relative;">
          <el-image width="100%"
                    src="https://p5.itc.cn/images01/20210113/79cfc1b417e64ade8d0f850779c9bab5.jpeg"></el-image>
          <div class="icon-video-camera-class">
            <div><i class="el-icon-video-camera"></i><span
                style="font-size:12px;margin-top:-15px">东区摄像头</span></div>
          </div>
        </div>
      </div>
      <div style="display: flex;height: 50%;margin-top:8px ">
        <div class="video-div" style="flex: 1;position: relative;">
          <el-image width="100%"
                    src="https://p5.itc.cn/images01/20210113/79cfc1b417e64ade8d0f850779c9bab5.jpeg"></el-image>
          <div class="icon-video-camera-class">
            <div><i class="el-icon-video-camera"></i><span
                style="font-size:12px;margin-top:-15px">东区摄像头</span></div>
          </div>
        </div>
        <div class="video-div" style="flex: 1;position: relative;">
          <el-image width="100%"
                    src="https://p5.itc.cn/images01/20210113/79cfc1b417e64ade8d0f850779c9bab5.jpeg"></el-image>
          <div class="icon-video-camera-class">
            <div><i class="el-icon-video-camera"></i><span
                style="font-size:12px;margin-top:-15px">东区摄像头</span></div>
          </div>
        </div>
        <div class="video-div" style="flex: 1;position: relative;">
          <div class="icon-video-camera-class" style="top: 35%">
            <div style=""><span style="font-size:20px;">更多...</span></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<style scoped>
span{
  color: #ffffff;
  font-size: 19px;
}
.icon-video-camera-class{
  margin-top: -8px;
}
.el-icon-video-camera{
  color:  #ffffff;
}
</style>
